// import axios from 'axios'
import React from 'react'
// import { Card, WhiteSpace, WingBlank } from 'antd-mobile'
import { connect } from 'react-redux'
import {getUserList} from '../../redux/chatuser.redux'
import UserCard from '../usercard/usercard'

@connect(
    state=>state.chatuser,
    {getUserList}
)
class Boss extends React.Component {
    // constructor(props) {
    //     super(props)
    //     this.state = {
    //         data: []
    //     }
    // }
    componentDidUpdate() {
    }
    componentDidMount() {
        this.props.getUserList('boss')
        // axios.get('/user/list?type=genius').then(res => {
        //     // console.error(res)
        //     if(res.data.code === 0) {
        //         this.setState({data: res.data.data})
        //     }
        // })
    }
    render() {
        // console.error(this.props.userlist)
        return <UserCard userlist={this.props.userlist}></UserCard>
        // const Header = Card.Header
        // const Body = Card.Body
        // return (
        //     <WingBlank>
        //         <WhiteSpace></WhiteSpace>
        //         {this.props.userlist.map(v => (
        //             v.avatar?(<Card key={v._id}>
        //                 <Header
        //                     title={v.user}
        //                     thumb={require(`../img/${v.avatar}.png`)}
        //                     extra={<span>{v.title}</span>}
        //                 >
        //                 </Header>
        //                 <Body>
        //                     {v.desc.split('\n').map(v=>(
        //                         <div key={v}>{v}</div>
        //                     ))}
        //                 </Body>
        //             </Card>): null
        //         ))}

        //     </WingBlank>
        // )
    }
}

export default Boss